﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./component/style/components.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/plugins.css">
    <link rel="stylesheet" href="css/main.css">
        
    <link rel="stylesheet" href="css/themes.css">
    <script src="./component/js/JQuery2.1.4.js"></script>
    <script src="./component/plugins/layer/layer.js"></script>
</head>


<body>
   <div id="system">
        <header>
            <div class="left">
                <a href="">
                    <i class="gi gi-leaf"></i> Leaf · <small>Cms</small>
                </a>
            </div>
            <div class="right">
                <a href="" title="前台预览">
                    <i class="fa fa-globe"></i>
                </a>

                <a href="" title="生成百度地图">
                    <i class="fa fa-paw"></i>
                </a>

                <a href="" title="清空缓存">
                    <i class="fa fa-trash-o"></i>
                </a>

                <a href="" title="网站设置">
                    <i class="fa fa-cog"></i>
                </a>

                <a href="login.html" title="退出">
                    <i class="fa fa-power-off"></i>
                </a>
            </div>
        </header>
        <section class="body">
            <div class="left">
                <div class="navbar">
                    <dl>
                        <dt><a href="controlpanel.html" target="rightiframe"><i class="fa fa-fw fa-tachometer"></i><span>控制面板</span></a></dt>
                    </dl>
                    <dl>
                        <dt><i class="fa fa-fw fa-file-word-o"></i> <span>文档管理</span></dt>
                        <dd>
                            <div class='li'>
                                <a href="article.html" target="rightiframe"><i class="fa fa-fw fa-angle-right"></i><span>文档列表</span></a>
                            </div>
                            <div class='li'>
                                <a href="article_create.html" target="rightiframe"><i class="fa fa-fw fa-angle-right"></i><span>创建文档</span></a>
                            </div>
                            <div class='li'>
                                <a href="article_recycle.html" target="rightiframe"><i class="fa fa-fw fa-angle-right"></i><span>回收站</span></a>
                            </div>
                        </dd>
                    </dl>
                    <dl>
                        <dt><i class="fa fa-fw fa-reorder"></i> <span>栏目管理</span></dt>
                        <dd>
                            <div class='li'>
                                <a href="column.html" target="rightiframe"><i class="fa fa-fw fa-angle-right"></i><span>栏目列表</span></a>
                            </div>
                            
                            <div class='li'>
                                <a href="column_create.html" target="rightiframe"><i class="fa fa-fw fa-angle-right"></i><span>创建栏目</span></a>
                            </div>
                            
                        </dd>
                    </dl>
                    <dl>
                        <dt><i class="fa fa-fw fa-tags"></i> <span>关键词库</span></dt>
                        <dd>
                            <div class='li'>
                                <a href="keywords.html" target="rightiframe"><i class="fa fa-fw fa-angle-right"></i><span>关键词列表</span></a>
                            </div>
                        </dd>
                    </dl>
                    <dl>
                        <dt><i class="fa fa-fw fa-image"></i> <span>图片管理</span></dt>
                        <dd>
                            <div class='li'>
                                <a href="picture.html" target="rightiframe"><i class="fa fa-fw fa-angle-right"></i><span>图片列表</span></a>
                            </div>
                            <div class='li'>
                                <a href="picture_create.html" target="rightiframe"><i class="fa fa-fw fa-angle-right"></i><span>创建图片</span></a>
                            </div>
                        </dd>
                    </dl>
                    <dl>
                        <dt><i class="fa fa-fw fa-file-text-o"></i> <span>单页管理</span></dt>
                        <dd>
                            <div class='li'>
                                <a href="page.html"  target="rightiframe"><i class="fa fa-fw fa-angle-right"></i><span>单页列表</span></a>
                            </div>
                            <div class='li'>
                                <a href="page_create.html" target="rightiframe"><i class="fa fa-fw fa-angle-right"></i><span>创建单页</span></a>
                            </div>
                        </dd>
                    </dl>
                    <dl>
                        <dt><i class="fa fa-fw fa-cog"></i> <span>网站设置</span></dt>
                        <dd>
                            <div class='li'>
                                <a href="webset.html" target="rightiframe"><i class="fa fa-fw fa-angle-right"></i><span>基本设置</span></a>
                            </div>

                            <div class='li'>
                                <a href="company.html" target="rightiframe"><i class="fa fa-fw fa-angle-right"></i><span>公司信息</span></a>
                            </div>

                            <div class='li'>
                                <a href="field.html" target="rightiframe"><i class="fa fa-fw fa-angle-right"></i><span>字段管理</span></a>
                            </div>
                           
                            <div class='li'>
                                <a href="watermark.html" target="rightiframe"><i class="fa fa-fw fa-angle-right"></i><span>水印设置</span></a>
                            </div>
                           
                        </dd>
                    </dl>
                    <dl>
                        <dt><i class="fa fa-fw fa-user"></i> <span>管理列表</span></dt>
                        <dd>
                            <div class='li'>
                                <a href="administrators.html" target="rightiframe"><i class="fa fa-fw fa-angle-right"></i><span>管理员列表</span></a>
                            </div>
                            <div class='li'>
                                <a href="javascript:;"><i class="fa fa-fw fa-angle-right"></i><span>管理员权限</span></a>
                            </div>
                          
                        </dd>
                    </dl>

                    <dl>
                        <dt><i class="fa fa-fw fa-users"></i> <span>会员管理</span></dt>
                        <dd>
                            <div class='li'>
                                <a href="user.html" target="rightiframe"><i class="fa fa-fw fa-angle-right"></i><span>会员列表</span></a>
                            </div>
                        </dd>
                    </dl>

                    <dl>
                        <dt><i class="fa fa-fw fa-link"></i> <span>友情链接</span></dt>
                        <dd>
                            <div class='li'>
                                <a href="friendlinks.html" target="rightiframe"><i class="fa fa-fw fa-angle-right"></i><span>友链列表</span></a>
                            </div>
                        </dd>
                    </dl>
                    <dl>
                        <dt><i class="fa fa-fw fa-stack-overflow"></i> <span>网站日志</span></dt>
                        <dd>
                            <div class='li'>
                                <a href="logs.html" target="rightiframe"><i class="fa fa-fw fa-angle-right"></i><span>日志列表</span></a>
                            </div>
                        </dd>
                    </dl>
                    

                    <dl>
                        <dt><i class="fa fa-fw fa-send"></i> <span>留言管理</span></dt>
                        <dd>
                            <div class='li'>
                                <a href="message.html" target="rightiframe"><i class="fa fa-fw fa-angle-right"></i><span>留言列表</span></a>
                            </div>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="right">
                <iframe src="controlpanel.html" frameborder="0" id="rightiframe" name="rightiframe"></iframe>
            </div>
        </section>
        <div class="rightmask"></div>
   </div>

   <script>
       $('.navbar dl dt').click(function () {
            if (!$(this).siblings('dd').hasClass('active')) {
                $('.navbar dl dd').removeClass('active');
                $(this).siblings('dd').removeClass('active');
                $(this).siblings('dd').addClass('active');
            } else {
                $('.navbar dl dd').removeClass('active');
                $(this).siblings('dd').removeClass('active');
            }

            if (!$(this).hasClass('activeTop')) {
                $('.navbar dl dt').removeClass('activeTop');
                $(this).removeClass('activeTop');
                $(this).addClass('activeTop');
            } else {
                $('.navbar dl dt').removeClass('activeTop');
                $(this).removeClass('activeTop');
            }
        })

        $('.navbar .li a').click(function(){
            $('.navbar .li a').removeClass('activelinks');
            $(this).addClass('activelinks');
        })

        $('.body .left').hover(function(){
            $('.rightmask').addClass('show');
        },function(){
            $('.rightmask').removeClass('show');
        })
   </script>
</body>

</html>